// 验证是否是从列表页跳转过来的
const goodsId = window.localStorage.getItem('goodsId')
// 根据商品 id 请求商品信息
$(".re_list").on("click",function(){
  window.localStorage.removeItem('goodsId')
  window.location.href = './list.html'
})
$(".re_index").on("click",function(){
  window.localStorage.removeItem('goodsId')
  window.location.href = './index.html'
})
getInfo()
function getInfo() {
  // 直接发送请求
  $.get('http://localhost:8888/goods/item', { goodsId: goodsId }, res => {
    // 使用信息填充页面
    $('.show > img').prop('src', res.info.goods_img)
    $('.info > .title').text(res.info.title)
    $('.info > .price').text('￥ ' + res.info.price)
    $('.info > .createTime').text('发布时间：' + res.info.createTime.substring(0,10))
    $('.info > .address').text('交易地点：' + res.info.campuls)
    $('.info > .phone').text('电话：' + res.info.phone)
    $('.info > .email').text('邮箱：' + res.info.email)
  })
}


const token = window.localStorage.getItem('token')
const id = window.localStorage.getItem('id')
$("#btn").on("click",function(e){
  // 阻止事件传播
  e.stopPropagation()
    // 验证登录
    if (!token || !id) {
      window.alert('您还没有登录, 请登录后在进行添加操作')
      return
    }
    getCartList()
});
function getCartList() {
  // 发送请求
  $.ajax({
    url: 'http://localhost:8888/cart/getCollect',
    method: 'GET',
    data: { id: id ,goodsId:goodsId},
    headers: { authorization: token },
    success (res) {
      if(res.info[0]==undefined){
        goods_add()
      }else if(res.info[0].is_collect){
        alert("已收藏")
      }else{
        goods_add()
      }
    }
  })
}
function goods_add(){
  $.ajax({
    url: 'http://localhost:8888/cart/add',
    method: 'POST',
    headers: { authorization: token },
    data: { id: id, goodsId: goodsId },
    success (res) {
      console.log(res)
      // 判断一下
      if (res.code !== 1) {
        window.alert('添加失败')
        return
      }
      window.alert('加入收藏成功')
      window.location.reload()
    }
  })
}
$('form label .goodsId').val(goodsId)
$('form label .userId').val(id)
if (!token || !id) {
  document.getElementById("comment_submit").disabled=true;
  $('#comment_content').attr('placeholder',"提示：未登录点击\"发表\"按钮无效！")
}

$("#comment_submit").on("click",function(e){
  e.stopPropagation()
  //
  let cc = document.getElementById('comment_content');
  let value = cc.value;
  if(value == '' || value == ' '){
    alert("没有内容")
    return
  }else{
  //1. 阻止事件传播
  e.stopPropagation()
    $(
      $("#comment").on("submit",function () {    //表单提交时监听提交事件
          $(this).ajaxSubmit(options);    //当前表单执行异步提交，optons 是配置提交时、提交后的相关选项
          window.alert('发表成功')
          return false;
        })
    )
    window.location.reload()
  }
});
//配置 options 选项
var options = {
    url: "http://localhost:8888/comment/comments",       //提交地址：默认是form的action,如果申明,则会覆盖
    type: "post",           //默认是form的method（get or post），如果申明，则会覆盖
    success: successFun,    //提交成功后的回调函数，即成功后可以定页面跳到哪里
    data:$('form').serialize(), //表单数据
    dataType: "json",       //接受服务端返回的类型
    clearForm: true,        //成功提交后，清除所有表单元素的值
    resetForm: true,        //成功提交后，重置所有表单元素的值
    timeout: 3000           //设置请求时间，超过该时间后，自动退出请求，单位(毫秒)
}
//设置提交成功后返回的页面
function successFun(data,status) {
    $("#comment_form").html("发表成功")
}

//
// //留言板渲染
getCommentList()
// 2. 获取留言列表
console.log(goodsId)
function getCommentList() {
  // 发送请求
  $.ajax({
    url: 'http://localhost:8888/comment/getComment',
    method: 'GET',
    data: { goods_id: goodsId },
    headers: { authorization: token },
    success (res) {
      // 渲染页面
      bindHtml(res)
    }
  })
}
function bindHtml(res) {
  console.log(res.comment)
  if (res.comment.length===0) {
    $('.comment_list').removeClass('comment_list')
    return
  }
  let str = `
    <div class="top">
      留言区
    </div>
    <ul class="center">
    `
  res.comment.forEach(item => {
    str += `
      <li>
      <div class="user">
        <p class="username">${ item.username }：<span>
        <p class="comment_c">${ item.content }</p>
      </div>
      <div class="time">${ item.time.substring(0,4)}年${item.time.substring(5,7)}月${item.time.substring(8,10)}日&nbsp&nbsp&nbsp${ item.time.substring(11,16)}</div>
    `
  })
  str += `
    </li>
  </ul>
  `
  $('.comment_list').html(str)
}
